<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="main/_fragments :: header(~{::title},~{},~{::meta})">
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>
<body>

<br>
<br>
<br>
<div id="middle-content" class="m-container-small m-padded-tb-message" style="max-width: 30em !important;">
    <div class="container ui">
        <div class="ui middle aligned center aligned grid">
            <div class="column">
                <h2 class="ui teal image header">
                    <svg t="1570436943038" class="icon" viewBox="0 0 3041 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3501" width="200" height="200"><path d="M1092.53647558 639.76138196c-6.83604732 0-13.62332973 1.31667028-19.95842133 3.8790803v-0.04433228l-0.24382831 0.10196367a2.77520516 2.77520516 0 0 1-0.23052801 0.09309847l-484.35745553 194.70765381-484.37518847-194.70765381a1.87969123 1.87969123 0 0 0-0.22609538-0.09309847l-0.22609419-0.10196367-0.01773291 0.03546581a53.4559403 53.4559403 0 0 0-19.96285517-3.87021383c-28.82932355 0-52.2190682 22.71145968-52.21906694 50.72063485 0 21.15096109 13.35290199 39.24299024 32.27394595 46.8415533v0.03546707l504.3203107 202.73180707c0.08866462 0.03546584 0.15072985 0.05319877 0.23496062 0.0797994l0.21722895 0.07979814v-0.00886647c6.34839189 2.56241006 13.13567305 3.88794676 19.9850207 3.8790791a53.01261718 53.01261718 0 0 0 19.94955481-3.8790791l0.01329907 0.00886647 0.22609542-0.07979814c0.07536554-0.02659939 0.16403015-0.0443323 0.2438271-0.0797994l504.32917714-202.73180707-0.01773294-0.03546707c18.9343443-7.60299692 32.26951338-25.69059345 32.26951337-46.8415533-0.00886646-28.00917516-23.39417726-50.72063483-52.22793465-50.72063485m0-219.83522629c-6.84048116 0-13.62332973 1.31667028-19.95842133 3.88351293v-0.0177329l-0.24382831 0.09309723c-0.07536554 0.03103324-0.14629725 0.0709317-0.23052801 0.09309843l-484.35745553 194.68992089-484.37518847-194.68992089a3.05893192 3.05893192 0 0 0-0.22609538-0.09309843l-0.22609419-0.09309723-0.01773291 0.0177329a53.12788121 53.12788121 0 0 0-19.94955485-3.87464648c-28.84705647 0-52.23236727 22.70702707-52.23236726 50.72063365 0 21.15096109 13.35290199 39.24299024 32.27394595 46.85042098v0.03546584l504.32917715 202.72294185c0.07979817 0.01773294 0.14186341 0.0443323 0.22609417 0.07979817l0.22166156 0.09309843c6.35282449 2.55354358 13.13124044 3.8613474 19.98058809 3.85248093a53.19881289 53.19881289 0 0 0 19.94955481-3.85248093h0.01329907l0.22609542-0.09309843a1.2058401 1.2058401 0 0 1 0.2438271-0.07979817l504.32917714-202.72294185-0.01773294-0.03546584c18.9343443-7.61186338 32.26951338-25.69945991 32.26951337-46.83268807-0.00886646-28.03134072-23.39417726-50.74723425-52.22793465-50.74723301M62.98428884 297.68415079v0.02216552l504.32917715 202.73624216c0.07979817 0.03546584 0.14186341 0.06649907 0.22609416 0.09309723l0.22166156 0.08423201v-0.02216678c6.35282449 2.55797621 13.13124044 3.87021386 19.98058806 3.86578124 6.84048116 0.00443384 13.61002942-1.3078038 19.94955483-3.86578124l0.01329908 0.02216678 0.22609543-0.08423201 0.24382709-0.09309723 504.32917714-202.73624216-0.01773293-0.02216552c18.9343443-7.61186338 32.26951338-25.70389252 32.26951335-46.85928749 0-21.13322815-13.33073523-39.2208247-32.26951335-46.83712191l0.01773293-0.01329908-504.32917714-202.74067474a1.56936506 1.56936506 0 0 1-0.24382709-0.07979814l-0.22609543-0.09753111-0.01329908 0.00886646a53.3850086 53.3850086 0 0 0-39.93014289 0v-0.00886646l-0.22166156 0.09753111c-0.07979817 0.03103324-0.15072985 0.06206525-0.22609416 0.07979814L62.98428884 203.97444231v0.02216557c-18.92104399 7.61186338-32.27394599 25.69945991-32.27394598 46.82825542 0 21.15539491 13.35290199 39.24742408 32.27394598 46.85928749M1237.05991611 547.73630256l11.51754309-67.58022572V307.41509989l254.56518475-9.69991711v19.39540031l-230.31982591 9.69991711v41.81869935h239.41238972v20.60567428h-239.41238972v90.30941711l-11.51754306 68.1875778h-24.24535887z m72.12429072-114.24888363h188.50112529v111.82833698h-188.50112529V433.48741893z m24.24535888 24.24092626v67.27433091H1473.43554064V454.09309195h-140.00597493v3.63525324zM1794.67657076 324.38552091l29.0953162 58.186201h-267.89592001l43.63632658-85.45945856h27.88061085l-31.51586408 65.46113878h189.104046l-18.78804705-38.18344735h28.48353151z m16.97042105 219.71552966h-245.47262094v-134.25163725h245.47262094v134.25163725z m-221.83461537-19.70129389h198.1966098v-94.55202357h-198.1966098v94.55202357zM1971.65572036 344.9956278h-26.67033812l-15.15279508-18.78804703h-30.30559012l-12.12046376 18.78804703h-24.8482783l30.30559015-47.88336445h24.24535885l-8.48521052 12.12046251h86.67416513v16.97042105h-38.79080065l15.14836242 18.79248089z m157.58818191 39.39372009h-23.03065234v-10.91018978h-217.59201009v10.91018978h-23.03065231v-27.88061083h121.22236053l-4.84995856-11.51754308h24.84827956l5.45287798 11.51754308h116.97975523v27.88061083z m-10.30283653 10.9101898v62.4288075h-223.04932192v23.03065232h226.07722064v64.55232578h-250.32257948v-150.0117856h247.29468076z m-223.04488807 16.97042107v27.27325879h198.80396305v-27.27325879h-198.80396305z m0 116.3724032h201.83186174v-30.91294341h-201.83186174v30.91294341z m212.74205155-183.64673416h-26.06298487l-15.15279504-18.78804703h-30.30559015l-7.87785725 13.94252112h-24.24535886l24.84827831-43.03340592h23.03065232l-7.27493783 12.12046251h87.28151841v16.97042229h-39.39815395l15.15722891 18.78804703zM2172.2773082 520.15715143l27.88061207-10.30283655v-92.1270443h-26.67033815v-20.00275359h26.67033815v-73.94634933h-27.88061207v-20.00275364h78.18895583v20.00275364h-26.06298488v73.94634933h26.06298488v20.00275359h-26.06298488v83.64183379l27.27325755-10.3028365v21.2130263l-79.3992285 29.39677714v-21.51891988z m108.49454592-82.42712723V301.9622219h158.7984546v135.7678023h-67.27876478v34.54819539h62.42880746v20.00275358h-62.42880746v35.75846935h73.9463493v19.69686004h-173.95124965v-19.69686004h75.76397532v-35.75846935H2286.22473208v-20.00275358h61.82145299v-34.54819539H2280.77185412z m24.24535889-78.18895461h43.0334059v-38.18344737h-43.0334059v38.18344737z m0 58.18620099h43.0334059v-38.79080068h-43.0334059v38.79080068z m110.31217073-96.36964836h-43.03340596v38.18344737h43.03340596v-38.18344737z m0 57.57884768h-43.03340596v38.79080068h43.03340596v-38.79080068zM2572.31021357 528.03944252h41.21577991v-61.21853354h-124.25026043v-15.15279628l152.13087129-62.42880626h-150.92059858v-20.00275359h21.21302632l38.79080189-45.45838519-60.00382821 2.42497925v-18.78804702l254.56518476-7.87785725v18.78804702l-165.4660404 5.452878-38.18344735 45.45838519h146.07064006l56.36857499-23.03065233v22.42773287l-190.31875253 78.1889546h166.07339366l-7.87785727-23.63800559h25.45563158l13.33516908 43.64075918h-112.73714998v80.9153936h-56.36857498l-9.09256381-19.70129266z m-49.70099172-34.5481966h26.67033817l-32.12321614 54.24505664h-26.67033812l32.12321609-54.24505664z m159.40580916 0h27.88061084l34.5481954 54.24505664h-27.88061085l-34.54819539-54.24505664zM2849.29869735 372.26888539l15.15279504-21.8203796h27.27325761l-61.21853353 90.91677037h53.33624366v20.60567428h-95.76673015l49.09363839-69.096392H2788.6875171l44.24367864-95.76672893h25.4556316l-35.15554868 75.15662326h26.06741869z m-57.57884771 146.67799331l91.52412367-24.24535886v22.42773285l-91.52412367 23.33654469v-21.51891868z m98.79462766 28.78942386l47.88336446-119.70619544h-48.49071776l39.39815393-95.76672895h-32.73056939v-20.60567304h72.12872334l-7.27493781-14.54544178h26.06298487l7.87785846 14.54544178h68.4890375v20.60567304h-109.09746538l-31.51586285 75.15662326h112.12979794l-12.72781702-36.97317465h24.84827952l20.0027536 57.57884769h-43.03340591v99.40198093h19.39540035l12.72781577-29.09531741 16.36306777 19.39540031-12.72781577 30.00413044h-60.00382699v-119.70619427h-36.97317586l-48.49071654 119.70619427h-24.24092623z" fill="#034eb3" p-id="3502"></path><path d="M1371.14309056 786.59897037h-17.04135273l-12.05396467-58.18620098H1269.7284203l-12.05396347 58.18620098h-16.2079053l29.0953174-154.1923244h70.24016567l30.34105596 154.1923244z m-100.99351274-72.73164277h69.82344195l-12.88297949-67.33196355h-44.46977403l-12.47068843 67.33196355zM1504.1401216 786.59897037H1404.80907233v-107.23107324H1487.10320145v-24.5246518h17.04135397v131.75572504z m-80.21050925-14.9621655H1487.10763527v-77.7190321h-65.25277632v77.7190321h2.0747534zM1678.69872574 786.59897037h-16.62462901v-92.68563022h-45.30765533v92.68563022h-16.62462904v-92.68563022h-44.89093162v92.68119761h-16.62462901v-107.23107325h140.06360755v107.23550586zM1709.87322918 679.36789713h34.08270674v107.23107324h-17.04135277v-92.6811976H1709.87322918v-14.54987564z m34.07827289-22.02430824h-17.04135276v-17.04135274h17.04135276v17.04135274zM1887.34003545 786.59897037h-16.62462902v-92.68563022h-63.59474789v92.68563022h-16.62462779v-107.23107324h96.83957084v107.23107324zM1918.92682998 679.36789713h34.08270673v107.23107324h-17.04135398v-92.6811976H1918.92682998v-14.54987564z m34.07827291-22.02430824h-17.04135277v-17.04135274h17.04135277v17.04135274zM2102.21447301 786.59897037h-102.65597624v-14.54544179H2085.17311903v-32.83253308H1999.55849677v-59.84866451h101.82696137v14.54544178h-84.78560862v30.75777972h85.61905612v61.92341788zM2124.65550495 679.36789713H2141.69685772V652.76405808h16.62462904V679.36789713h44.0574829v14.54544302h-44.0574829V771.63680487H2201.54995484v14.9621655h-59.84866327v-92.6811976H2124.65993757v-14.54987564zM2300.87657143 693.91777277h-51.11962564v92.6811976h-17.04135276v-107.23107324h68.1609784v14.54987564zM2421.40734787 786.59897037h-98.50203435V725.50456732h81.46068161v-31.58679455h-65.66950127v-14.54544178h82.70642141v107.22663938z m-79.3859282-14.54544179h62.34457546v-32.00795209H2339.52550869v32.00795209h2.49591098zM2443.84837986 679.36789713H2460.88973384V652.76405808h16.62462901V679.36789713h44.05748294v14.54544302h-44.05748294V771.63680487H2520.74283096v14.9621655h-59.84866451v-92.6811976H2443.8528137v-14.54987564zM2547.75452728 679.36789713h34.08270674v107.23107324h-17.04135276v-92.6811976H2547.75452728v-14.54987564z m34.07827289-22.02430824h-17.04135275v-17.04135274h17.04135275v17.04135274zM2727.71281068 786.59897037H2628.38176146v-107.23107324h99.33104922v107.23107324z m-80.62723297-14.9621655h64.00703776v-77.72346472H2645.0063905v77.71903087h2.07918721zM2860.29755176 786.59897037h-16.62462904v-92.68563022h-63.59474662v92.68563022h-16.62462903v-107.23107324h96.83957209v107.23107324z" fill="#034eb3" p-id="3503"></path></svg>
                </h2>
                <form class="ui large form" method="post" th:action="@{/admin/login}">
                    <div class="ui segment">
                        <div class="field">
                            <div class="ui left icon input">
                                <i class="user icon"></i>
                                <input type="text" name="userName" placeholder="用户名">
                            </div>
                        </div>
                        <div class="field">
                            <div class="ui left icon input">
                                <i class="lock icon"></i>
                                <input type="password" name="password" placeholder="密码">
                            </div>
                        </div>
                        <button class="ui fluid large teal submit button">登录</button>
                    </div>
                    <!--    显示登录错误信息-->
                    <div class="ui error message"></div>
                   <div class="ui mini negative message" th:unless="${#strings.isEmpty(message)}" th:text="${message}">用户名或密码错误</div>

                </form>

                <div class="ui message">
                    新用户？ <a href="#">注册</a>
                </div>
            </div>
        </div>

    </div>
</div>

<div th:replace="main/_fragments :: toTop"></div>
<!--尾部-->
<footer th:replace="main/_fragments :: footer"></footer>


<th:block th:replace="main/_fragments :: script"></th:block>
<script>
    $('.ui.form')['form']({'fields':{'userName':{'identifier':'userName','rules':[{'type':'empty','prompt':'用户名不能为空'}]},'password':{'identifier':'password','rules':[{'type':'empty','prompt':'密码不能为空'}]}}});
</script>

</body>
</html>